<template>
  <div>
  <!-- 底部导航栏 -->
  <div id="buttom">
  	<div id="fotter">
  		<ul>
  			<li><a href="">
  					<i class="iconfont icon-banshou"></i>
  					预约维修服务
  				</a></li>
  			<li><a href=""><i class="iconfont icon-7tianwuliyoutuihuo"></i>7天无理由退货</a></li>
  			<li><a href=""><i class="iconfont icon-15tianwuliyoutuihuo"></i>15天免费换货</a></li>
  			<li><a href=""><i class="iconfont icon-libao"></i>满69元包邮</a></li>
  			<li><a href=""><i class="iconfont icon-31dingwei"></i>520余家售后网点</a></li>
  		</ul>
  		<hr id="fotter-hr">
  	</div>
  	<div id="buttom-help">
  		</br>
  		<ul>
  			<li><a href="">帮助中心</a></li>
  			<li><a href="">账户管理</a></li>
  			<li><a href="">购物指南</a></li>
  			<li><a href="">订单操作</a></li>
  		</ul>
  		<ul>
  			<li><a href="">服务支持</a></li>
  			<li><a href="">售后政策</a></li>
  			<li><a href="">自助服务</a></li>
  			<li><a href="">相关下载</a></li>
  		</ul>
  		<ul>
  			<li><a href="">线下门店</a></li>
  			<li><a href="">小米之家</a></li>
  			<li><a href="">服务网点</a></li>
  			<li><a href="">授权体验店</a></li>
  		</ul>
  		<ul>
  			<li><a href="">关于小米</a></li>
  			<li><a href="">了解小米</a></li>
  			<li><a href="">加入小米</a></li>
  			<li><a href="">投资者关系</a></li>
  			<li><a href="">企业社会责任</a></li>
  			<li><a href="">廉洁举报</a></li>
  		</ul>
  		<ul>
  			<li><a href="">关注我们</a></li>
  			<li><a href="">新浪微博</a></li>
  			<li><a href="">官方微信</a></li>
  			<li><a href="">联系我们</a></li>
  			<li><a href="">公益基金</a></li>
  		</ul>
  		<ul id="last-ul">
  			<li><a href="">特色服务</a></li>
  			<li><a href="">F码通道</a></li>
  			<li><a href="">礼物码</a></li>
  			<li><a href="">防伪查询</a></li>
  		</ul>
  	</div>
  	<div id="buttom-help-right">
  		<ul>
  			<li>
  				<p>400-100-5678</p>
  			</li>
  			<li>
  				<p>8:00-18:00（仅收市话费）</p>
  			</li>
  			<li id="tt"><a href="" style="color: #FF6700;"><i class="iconfont icon-xiaoxi" id="buttom-help-right-a" style="bcolor: #FF6700;"></i>人工客服</a></li>
  			<li>
  				<i>关注小米:</i>
  				<a class="iconfont icon-xinlangweibo"></a>
  				<a class="iconfont icon-weixin"></a>
  			</li>
  		</ul>
  	</div>
  </div>
  <div id="info">
  	<div id="info-img">
  		<img src="http://ft-shopping.oss-cn-chengdu.aliyuncs.com/index-img/buttom.png" >
  	</div>
  	<div style="text-align: center;color: #616161;">
  		<p>蜀ICP备2022012738号 | 公安备案51132102000211号</p>
  	</div>
  </div>
  <Bm></Bm>
</div>
</template>

<script>
  export default{
    name:'bottom',
    components: {
      Bm: {
       render(createElement) {
        return createElement(
         'script',
         {
          attrs: {
           type: 'text/javascript',
           src: '../../static/js/bottom.js',
          },
         },
        );
       },
      },
     },

  }
</script>

<style scoped>
  @import url('../../static/css/bottom.css');
</style>
